@charset "utf-8";/* CSS Document */

body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}

html {margin: 0px;padding: 0px;}

* {margin: 0;padding: 0;}

ul, li {list-style-type: none;}

a {text-decoration: none;color: #8c8f91;}

img {margin: 0;padding: 0;vertical-align: bottom;}

a:hover {text-decoration: none;}

img {width: 100%;height: auto;}

p {margin: 0px;}

button {outline: none;}



.form2{position:relative; margin-top:7px;}

.inputBox_head{ background:#5a5a5a; line-height:27px; padding-left:37px; width:249px; background:url(sousuo_left.jpg) no-repeat left center; }

.submit_head{ background:url(sousuo_right.jpg) no-repeat center center; width:39px; height:27px; position:absolute; right:0;}



.swiper-container-cube .swiper-cube-shadow{ background:none !important;}



.sousuo_top{ background:url(sousuo_topbg.png) no-repeat top center; clear:both; overflow:hidden; margin-top:-67px; position:relative; z-index:33;}

.sousuo_top .container{display: flex;flex-wrap: wrap; justify-content: space-between; }

.sousuo_top_left{display: flex;flex-wrap: wrap;width:700px;}

.sousuo_top_zz{ padding-top:20px; padding-bottom:20px;}

.sousuo_top_left01{ font-size:27px; color:#ffffff; font-weight:bold; }

.sousuo_top_left01 span{ font-size:13.5px; margin-left:5px; font-weight:normal;} 

.sousuo_top_left02{ font-size:12px; color:#ffffff; text-transform:uppercase;}

.sousuo_top_youxiang{ background:url(sousuo_mail.png) no-repeat left center; color:#FFF; font-size:23px; padding-left:60px; line-height:99px; margin-left:100px;}



.sousuo_top_right{ position:relative; background:#FFF;}

.inputBox{ background:#5a5a5a; line-height:50px; padding-left:10px; width:439px; }

.submit{ background:url(sousuo_top_r.jpg) no-repeat center center; width:51px; height:50px; position:absolute; right:0;}

.sousuo_top_right_bot{ font-size:14px; color:#929292; line-height:49px; }



.prolist_index{ border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; clear:both; overflow:hidden;}

.prolist_index .container{display: flex;flex-wrap: wrap;}

.prolist_index ul{display: flex;flex-wrap: wrap; width:90%; }

.prolist_index ul li{ width:20%; border-left:1px solid #d2d2d2; }

.prolist_index ul li h2{ font-size:15px; color:#4e4e4e; line-height:73px;  background:url(prolist_li.jpg) no-repeat bottom center;}

.prolist_index ul li a{ font-size:15px; color:#4e4e4e; line-height:73px; display:block;}

.prolist_right{ border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2; width:10%; padding-top:29px;}

.prolist_index ul li a:hover{ background:url(prolist_li.jpg) no-repeat bottom center;}



.pro_index_bg{ padding-bottom:72px; padding-top:42px; clear:both; overflow:hidden;background:url(product_bg.jpg) no-repeat center bottom #f1f1f1;}

.pro_title{ margin-bottom:35px;clear:both; overflow:hidden;}

.pro_title p{ font-size:40px; color:#2d2d2d; background:url(pro_title.png) no-repeat center center; line-height:50px; margin-bottom:6px;}

.pro_title h1{ font-size:16px; color:#7c7c7c; line-height:31px;}

.prolist_tr{ clear:both;display: flex;flex-wrap: wrap; overflow:hidden; font-size:0px;}

.pro_ts{ position:relative;}

.pro_ts p{ position:absolute; bottom:0; z-index:999; background:#222832; opacity:0.8; width:100%;line-height:45px !important;  font-size:16px; color:#ffffff;}

.pro_ts img{ height:100%;}



.prolist_top{ position:relative; padding:0px; }

.prolist_top p{ font-size:16px; color:#fff; position:absolute; z-index:20; bottom:0; background:#00000087; width:100%; line-height:45px;}

.prolist_tr li{ padding:0px; border:1px solid #cccdd0;}

.prolist_tr li a{ display:block;}

.prolist_tr li a div{text-align:center; background:#383a40; padding-top:6px; padding-bottom:13px;}

.prolist_tr li div h2{  font-size:16px; color:#ffffff; line-height:33px; height:33px; overflow:hidden;}

.prolist_tr li a span{ color:#ffffff; text-transform: uppercase; border:1px solid #FFF; width:67px; line-height:16px; display:block; margin:0 auto; font-size:12px;}

.prolist_tr li img{ position:relative;}

.cp_fd{ position: absolute !important; z-index:9999; top:0; right:0; width:auto; border:none !important; }



.about_bg{background:url(about_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-bottom:85px; padding-top:84px;} 

.about_left{ text-align:left;clear:both; overflow:hidden;}

.about_title{ background:url(about_title.jpg) no-repeat left bottom; padding-bottom:16px; margin-bottom:16px;}

.about_title p{ font-size:28px; color:#ffffff; font-weight:bold; line-height:35px; text-transform:uppercase;}

.about_nr{ font-size:15.5px; color:#ffffff; line-height:26px; margin-bottom:20px;}

.about_more{ width:159px; line-height:38px; display:block;font-size:16px; text-align:center; clear:both; color:#FFF; background:#d21728;overflow:hidden;}

.about_ul{ clear:both; margin-bottom:20px; overflow:hidden; width:100%;}

.about_ul li{ float:left; text-align:center; width:25%;}

.about_ul li img{ max-width:100%; width:auto; }

.about_ul li p{ font-size:16px; color:#fff; line-height:35px;}



.about_bottom{overflow:hidden;background:#f2f2f2; clear:both;  }

.about_bottom ul{display: flex;flex-wrap: wrap;justify-content: space-around; padding:30px 0;}

.about_bottom li{ width:24%;}

.about_bottom li p{ color:#19171b; font-size:15px; line-height:33px;   }

.about_bottom li h2{ color:#da332d; font-size:55px; line-height:70px; font-weight: bold; text-transform:uppercase;}

.about_bottom li div{ display: flex; flex-wrap: wrap; margin: 0 auto;align-items: center;justify-content: center; }

.about_bottom li div em{ color:#da332d; font-size:55px; line-height:70px;}



.chengnuo_bg{ padding-top:35px; background:url(chengnuo_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-bottom:100px;}

.chengnuo_bg .container{ padding:0px;}

.chengnuo_title01{ font-size:42px; color:#000000; text-align:center; font-weight:bold;}

.chengnuo_title01 span{ color:#d30d0e; font-size:60px;}

.chengnuo_title02{ font-size:18px; color:#747474; text-align:center; margin-bottom:35px;}

.chengnuo_index{ padding-top:43px; overflow:hidden; text-align:left; }

.chengnuo01{ padding-left:60px; background: url(cnuo_01.jpg) no-repeat left top; margin-bottom:36px;}

.chengnuo02{ padding-left:60px; background: url(cnuo_02.jpg) no-repeat left top; margin-bottom:36px;}

.chengnuo03{ padding-left:60px; background: url(cnuo_03.jpg) no-repeat left top; margin-bottom:36px;}

.chengnuo04{ padding-left:60px; background: url(cnuo_04.jpg) no-repeat left top; margin-bottom:36px;}

.chengnuo_t{ font-size:32px; color:#333333; padding-left:11px;}

.chengnuo_en{ color:#cccccc; font-size:14px; width:100%; text-transform:uppercase; border-bottom:1px solid #d0d0d0; line-height:25px; margin-bottom:15px;  padding-left:11px; }

.chengnuo_d{ font-size:14px; color:#666666; line-height:26px; margin-bottom:14px; padding-left:24px; background:url(cnuo_li.jpg) no-repeat left top 8px;}

.chengnuo_right{ clear:both; float:right; margin-top:59px;}



.news_index_bg{ padding-bottom:60px; padding-top:42px; clear:both; overflow:hidden;background:#f0f0f0;}

.news_left{ width:73%; float:left;}

.news_left_title{ margin-bottom:27px;}

.nav-tabs > li.news_left_fl{ width:40%; float:left; margin-right:5%;}

.nav-tabs > li.news_left_more{ width:10%; float:right;}

.nav-tabs > li.news_left_more a{ color:#014fa2; border:1px solid #014fa2; display:block; line-height:30px;}

.nav-tabs{ border:none;}

.nav-tabs > li a{ border-radius:0px; padding:0px; margin-right:0px;}

.nav-tabs > li.news_left_fl a{ display:block; line-height:30px; font-size:14px; background:#FFF; color:#000; border:1px solid #c8c8c8;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ background:#015bbc; color:#FFF; border:1px solid #015bbc;}

.news_left_nr{display: flex;flex-wrap: wrap;}

.news_left_nr div{ position:relative; text-align:left;}

.news_left_nr div img{ width:auto;}

.news_left_nr div p{ position:absolute; bottom:0px; z-index:58; color:#ffffff; font-size:13px; line-height:38px; background:#000000a8; width:100%; text-indent:2em;}

.news_left_nr ul{ background:url(news_left_bg.jpg); padding:15px 21px 25px 21px;width: calc(100% - 505px);}

.news_left_nr ul li{ text-align:left; padding-left:5px; border-bottom:1px solid #fff; padding-top:6px; overflow:hidden; clear:both; }

.news_left_nr ul li a{ display:block; line-height:30px; height:30px; overflow:hidden; color:#fff; font-size:15px; padding-left:15px; background:url(news_left_li.jpg) no-repeat left center;}



.news_right{ width:25%; padding-left:24px; border-left:1px dashed #bcbcbc; float:right;}

.news_right h3{ background:#015bbc; color:#FFF; line-height:32px; margin-bottom:27px; font-size:14px;}

.news_right ul{ background:#FFF; border:1px solid #d6d6d6; padding:15px 18px 25px 18px;}

.news_right ul li{ text-align:left; padding-left:5px; border-bottom:1px dashed #bcbcbc; padding-top:6px; overflow:hidden; clear:both; }

.news_right ul li a{ display:block; line-height:30px; height:30px; overflow:hidden; color:#717171; font-size:15px; padding-left:15px; background:url(news_right_li.jpg) no-repeat left center;}



.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center #202326; clear:both; overflow:hidden; padding-top:80px;}

.foot_left{ float:left; text-align:left; width:25%; padding-top:30px; }

.foot_left img{ width:auto; margin-bottom:28px; max-width:100%;}

.foot_left p{ color:#ffffff; font-size:14px;}

.foot_right{ width:68%; float:right; margin-bottom:25px;}

.foot_right ul{ text-align:left; background:url(foot_t.jpg) no-repeat top left;}

.foot_right ul p{ font-size:18px; color:#ffffff; font-weight:bold; line-height:77px;}

.foot_right ul li a{ font-size:15px; color:#a9a9a9; line-height:32px; } 

.foot_right ul li{ font-size:15px; color:#a9a9a9; line-height:32px;  } 

.foot03 li{ max-width:270px;}

.foot03 span{ font-size:27px; color:#FFF; font-weight:bold; line-height:41px; display:block; }

.foot03 a{ font-size:15px; color:#f49505; background:url(news_ju.png) no-repeat right center; padding-right:24px; }



.footer_index{ clear:both; padding:15px; border-top: 1px solid #393c3e;}

.footer_index img{ width:auto;}

.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}

.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}

.footer_index span{ color:#FFF; font-size:14px; line-height:25px;}



.bwlj{ margin-bottom:20px;font-size: 16px;line-height: 24px;color: #333; text-align:left; margin-top:20px; }































@media (max-width: 1200px) {           

.hc_ewm{ display:none;}

.form2{ display:none;}

.sousuo_top_youxiang{ display:none;}

.sousuo_top_left{ width: auto;}

.about_bg{ padding-top:70px; padding-bottom:70px;}

}



@media (max-width: 992px) { 

.foot_index_bg{ padding-top:25px;}

.foot_left{ width:100%; padding-top:0px; margin-bottom:25px; text-align:center;}

.foot_right{ width:100%;}

.about_right{ display:none;}

.about_bottom li h2{font-size:40px; line-height:60px;}

.about_bottom li div em{font-size:40px; line-height:60px;}

.chengnuo_index{ padding-top:0px;}

.chengnuo01{ margin-bottom:10px;}

.chengnuo02{ margin-bottom:10px;}

.chengnuo03{ margin-bottom:10px;}

.chengnuo04{ margin-bottom:10px;}



.news_left_nr div{ display:none;}

.news_left_nr ul{ width:100%;}

.news_right{ width:41%; padding-left:1%;} 

.news_left{ width:58%;}

.nav-tabs > li.news_left_more{ width:14%;}

.nav-tabs > li.news_left_fl{ width:39%; margin-right:4%;}







}



@media (max-width: 768px) {           

.sousuo_top{ display:none;}

.prolist_h2{ display:none;}

.prolist_right { display:none;}

.prolist_index ul li{ width:25%;}

.prolist_index ul{ width:100%;border-right: 1px solid #d2d2d2;}

.prolist_index .container{ padding:0px;}

.about_bottom li{ width:48%; padding-bottom:15px; padding-top:10px;}

.about_bg{ padding-top:50px; padding-bottom:50px; background-size:cover;}

.chengnuo_bg{ background:none; padding-bottom:30px;}

.chengnuo_right{ margin-top:0px;}

.chengnuo_title01{ font-size:35px;}

.chengnuo_title01 span{ font-size:50px;}





}





@media (max-width: 600px) { 

.news_right{ width:100%; padding-left: 0%; border:none;} 

.news_left{ width:100%; margin-bottom:25px;}





}



@media (max-width: 425px) {           

.prolist_index ul li{ width:50%;border-bottom: 1px solid #d2d2d2;}

.foot01{ width:50%;}

.foot02{ width:50%;}

.foot03{ width:100%;}

.nav-tabs > li.news_left_more{ display:none;}

.nav-tabs > li.news_left_fl{ width:50%; margin-right:0%;}

.banner_img{ margin-top:54px;}



}